<template>
  <view>
    <view class="apply-info-view">
      <view class="status-info bg-red">
        <view class="status-info-box">
          <view class="status-val">
            店铺审核中
          </view>
          <view class="status-tip">
            正在为你审核中，请耐心等待<br/>
            您也可以拨打{{configs.customerServiceMobile}}进行咨询
          </view>
        </view>
      </view>
    </view>

    <view class="apply-detail-view">
      <view class="detail-item">
        <view class="title">店铺名称:</view>
        <view class="value">{{storeInfo.storeName}}</view>
      </view>
      <view class="detail-item">
        <view class="title">联系电话:</view>
        <view class="value">{{storeInfo.phone}}</view>
        <button class="copy-btn" @click="onCopy()">复制</button>
      </view>

      <view class="detail-item">
        <view class="title">店铺地址:</view>
        <view class="value">{{storeInfo.storeAddressDetail}}</view>
      </view>

<!--      <view class="detail-item">-->
<!--        <button class="cu-btn bg-red margin-tb-sm lg" @click="daohang()" >导航</button>-->
<!--      </view>-->
    </view>

  </view>  <!--审核中 -->
</template>

<script>
  import {getStoreByMember} from "@/api/store.js";
  import configs from '@/config/config'

  export default {
  name: "Review",
  data(){
    return{
      memberInfo:{},
      storeInfo:{
        storeName:"",
        phone:"",
        storeAddressDetail:""
      }
    }
  },
  onLoad(){

  },
  mounted(){
    this.memberInfo = this.$options.filters.isLogin();

    this.init();
  },
  methods:{
    init(){
      this.getStoreInfo();
    },
    getStoreInfo(){

      getStoreByMember().then(res =>{

        if (res.statusCode==200) {

          this.storeInfo = res.data;
        }
      })
    }
  }
}
</script>

<style lang="scss" scoped>

.copy-btn {
  background-color: #007aff;
  color: white;
  border: none;
  border-radius: 8px;
  padding: 10rpx 20rpx;
  margin-left: 20rpx;
  font-size: 28rpx;
  transition: background-color 0.3s ease;
  &:hover {
    background-color: #0056b3;
  }
}
.apply-info-view{
  background-color: $aider-color-blue;
}
.apply-detail-view {
  background-color: #d7d7d7;
  margin-top: 10rpx;
  padding: 20rpx;
  color: #666666;

  .detail-item {
    padding: 12rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 28rpx;
    .title {
      padding-left: 10rpx;
      width: 140rpx;
    }
    .value {
      padding-left: 40rpx;
    }
  }
}
.status-info {
  flex-direction: row;
  //background-color: red;
  .status-info-box {
    height: 180rpx;
    flex-direction: row;
    padding-left: 54rpx;
    padding-right: 54rpx;
    padding-top: 20rpx;
    font-family: PingFangSC-Regular;
    color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0);
    line-height: 50rpx;

    .status-val {
      font-size: 32rpx;
    }
    .status-tip {
      font-size: 28rpx;
    }
  }
}
</style>